{__NOLAYOUT__}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><php>echo C("WEB_NAME").'.'.C("WEB_VERSION");</php></title>
    <meta name="author" content="44571522@qq.com" />
    <meta name="application-name" content="BigData Admin" />

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Le styles -->
    <link href="__PUBLIC__/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="__PUBLIC__/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" />

	<link href="__PUBLIC__/icomoon/style.css" type="text/css" rel="stylesheet" />
    <!-- Main stylesheets -->
    <link href="__PUBLIC__/css/main.css" rel="stylesheet" type="text/css" /> 

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png" />
    <style type="text/css">
    
    .main {

	    margin: 0 auto;
	    padding-top: 18%;
	    animation: main .8s 1;
	    animation-fill-mode: forwards;
	    -webkit-animation: main .8s 1;
	    -webkit-animation-fill-mode: forwards;
	    -moz-animation: main .8s 1;
	    -moz-animation-fill-mode: forwards;
	    -o-animation: main .8s 1;
	    -o-animation-fill-mode: forwards;
	    -ms-animation: main .8s 1;
	    -ms-animation-fill-mode: forwards;
	}
    
    h2 {
	    display: block;
	    font: 72px 'TeXGyreScholaBold', Arial, sans-serif;
	    color: #0061a5;
	    text-shadow: 2px 2px #e3e3e3;
	    text-align: center;
	    background: url(__PUBLIC__/images/404_s-divider.jpg) no-repeat;
		background-position: bottom;
		padding: 12px 0 22px 0;
		/*font: 20px 'TeXGyreScholaRegular', Arial, sans-serif;*/
		color: #8E8E8E;
		text-align: center;
	}
	h2 span.sub {
	    position: relative;
	    font-size: 21px;
	    top: -20px;
	    padding: 0 10px;
	    font-style: italic;
	}
	#icon {
	    position: relative;
	    display: inline-block;
	    top: -6px;
	    margin: 0 10px 5px 0;
	    background: #0061a5;
	    width: 50px;
	    height: 50px;
	    -moz-box-shadow: 1px 2px white;
	    -webkit-box-shadow: 1px 2px white;
	    box-shadow: 1px 2px white;
	    -webkit-border-radius: 50px;
	    -moz-border-radius: 50px;
	    border-radius: 50px;
	    color: #dfdfdf;
	    font-size: 46px;
	    line-height: 48px;
	    font-weight: bold;
	    text-align: center;
	    text-shadow: 0 0;
	}
	
	.center{
		display: block;
	    font: 32px  tahoma,arial,宋体b8b\4f53;
	    
	    color: #0061a5;
	    text-shadow: 2px 2px #e3e3e3;
	    text-align: center;
	    
		background-position: bottom;
		padding: 12px 0 22px 0;
		/*font: 20px 'TeXGyreScholaRegular', Arial, sans-serif;*/
		color: #8E8E8E;
		text-align: center;
	}
	
     
     
    </style>

    </head>
      
    <body class="errorPage">

    <div class="container-fluid main">

        <div class="errorContainer">
            <div id="page-header">
                <h2><span id="icon">!</span>404<span class="sub">page not found</span></h2>
            </div>

            <h3 class="center">很抱歉，您访问的页面不存在。</h3>

        </div>

    </div><!-- End .container-fluid -->

    <!-- Le javascript
    ================================================== -->
    <script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/bootstrap/js/bootstrap.js"></script>  

     <script type="text/javascript">
        // document ready function
        /*$(document).ready(function() {
            //------------- Some fancy stuff in error pages -------------//
            $('.errorContainer').hide();
            $('.errorContainer').fadeIn(1000).animate({
                'top': "50%", 'margin-top': +($('.errorContainer').height()/-2-30)
                }, {duration: 750, queue: false}, function() {
                // Animation complete.
            });
        });*/
    </script>
 
    </body>
</html>
